<template>
	<body>
		<div class="loan_nav col_nav">
			<ul>
				<li><a href="javascript:history.go(-1)"><i class="iconfont">&#xe61e;</i></a></li>
				<li><p>消息提醒</p></li>
				<li></li>
			</ul>
		</div>
		<div class="interval_T">
			
		</div>
		<div class="reminding_tip">
			<ul class="tip1" v-for="n in notice">
				<li>
					<div><img src="@/assets/img/jilu.jpg" width="100%"></div>
				</li>
				<li>
					<div class="text1">
						<ul class="tip_text">
							<li><p>{{n.title}}</p></li>
							<li><p>{{n.sendTime}}</p></li>
						</ul>
					</div>
					<div class="text2">
						<p v-html="n.content"></p>
					</div>
				</li>
			</ul>
			<!-- <ul class="tip1">
				<li>
					<div><img src="@/assets/img/hezuo.jpg" width="100%"></div>
				</li>
				<li>
					<div class="text1">
						<ul class="tip_text">
						<li><p>招聘提醒</p></li>
						<li><p>2018-1-24&nbsp;&nbsp;00:00</p></li>
					</ul>
					</div>
					<div class="text2">
						<p>您报名招聘的信息已通过</p>
					</div>
				</li>
			</ul> -->
		</div>
	</body>
</template>

<script>
export default {
	data() {
		return {
			notice: []
		}
	},
	created() {
		this.query()
	},
	methods: {
		query() {
			this.$http.get('/app/index/msg').then(json => {
				const { code, msg } = json
				if (code === 0) {
					this.notice = msg
				}
			})
		}
	}
}
</script>

<style>
</style>